.photo-swipe-loading {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.photo-swipe-bullets-indicator {
  position: absolute;
  bottom: 30px;
  left: 50%;

  display: flex;
  flex-direction: row;
  align-items: center;

  transform: translate(-50%, 0);
}

.photo-swipe-bullet {
  width: 12px;
  height: 6px;
  margin: 0 5px;
  border-radius: 3px;

  background: var(--photo-swipe-bullet);

  transition:
    width 0.3s,
    color 0.3s;
}

.photo-swipe-bullet.active {
  width: 30px;
  background: var(--photo-swipe-bullet-active);
}
